<template>
  <!-- 商品详情信息 -->
  <div class="goodsDetInfo">
    <ul class="listInfo" ref="goodsDetInfo">
      <li>概述</li>
      <li>参数</li>
      <li>安装服务</li>
      <li>常见问题</li>
    </ul>
    <div class="infoImg" v-html="$parent.allInfo.detail"></div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.goodsDetInfo {
  background-color: #fff;
  .listInfo {
    display: flex;
    padding: 11px 0;

    li {
      width: 25%;
      height: 32px;
      border-right: 1px solid #999;
      font-size: 16px;
      color: #000;
      text-align: center;
      line-height: 32px;

      &:last-child {
        border: none;
      }
    }
  }

  .infoImg {
    width: 100%;
    overflow: hidden;

    ::v-deep p {
      width: 100%;
      // background-color: skyblue;
    }
    ::v-deep img {
      width: 100%;
      object-fit: cover;
      // height: 757px !important;
    }
  }
}
</style>
